<template>
  <div>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item icon="search">列表页</van-tabbar-item>
      <van-tabbar-item icon="friends-o">购物车</van-tabbar-item>
      <van-tabbar-item icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script lang='ts'>
import { Vue, Options } from "vue-class-component";
// 安装 vue-property-decorator
import {Prop} from 'vue-property-decorator'
@Options({
  components: {},
})
export default class tabBar extends Vue {
    @Prop(Number)
    private active;
}
</script>

<style scoped lang='scss'>
</style>